浏览器缓存有多种形式，持久化或者会话存储。以chrome为例，打开调试面板，找到Application选项卡，就可以看到它所支持的各种缓存模式 缓存方式 详解 使用情况 http缓存 分为强缓存（200）和协商缓存（304），文章后面有详细 ...

一张图概括淘宝直播背后的前端技术 2020年，直播带货火爆全网。想一探淘宝直播背后的前端技术？本文将带你进入淘宝直播前端技术的世界。 对于大多数前端工程师来说，音视频技术是一个比较少涉足的领域，本文涵盖了流媒体技术中的文本、图形、图像、音频 ...

前言 文章首次发表在 个人博客 之前写过一篇 web安全之XSS实例解析,是通过举的几个简单例子讲解的，同样通过简单得例子来理解和学习CSRF，有小伙伴问实际开发中有没有遇到过XSS和CSRF，答案是有遇到过，不过被测试同学发现了，还有安全 ...

2020年5月22日FOLLOWME5.0的第一个版本终于上线了，这也是公司内部基于 Genesis 上线的第二个项目。首页是老项目经历了最原始的那种 Vue SSR，后来在年初的时候，迁移到了 Nuxt.js 下，再到现在迁移到了 Gen ...

我们的需求 在 Genesis 中，核心的就是渲染器，它提供了最基础渲染能力，有了它，你可以实现微前端、微服务、远程组件、首屏渲染，甚至可以和 React、EJS 等配合使用。 它可以和怎样的你协作？ 如果你是传统的后端渲染的，需要做SE ...

HTTPS就安全了吗？会被抓包吗？我竟然回答不上来... 随着 HTTPS 建站的成本下降，现在大部分的网站都已经开始用上 HTTPS 协议。大家都知道 HTTPS 比 HTTP 安全，也听说过与 HTTPS 协议相关的概念有 SSL 、非 ...

本文目录： 1.格式化日期时间函数 2.获取对应id或者class的DOM对象 3.获取当前浏览器的类型 4.为任意一个元素绑定事件 5.为任意一个元素解绑事件 6.获取页面向上或者向左卷曲出去的距离 7.限制字符显示字数 8.ajax原生 ...

我们先看一下下面这张图： 1.gif 可以看到这是一个简易的聊天室，两个窗口的消息是实时发送与接收的，这个主要就是用我们今天要讲的websocket实现的。 websocket是什么？ websocket是一种网络通信协议，我们都知道htt ...

在整个流程上的优化 在 HTML 内实现 Loading 态或者骨架屏； 去掉外联 css； 缓存基础框架 - HTTP 缓存资源； 使用动态 polyfill； 使用 SplitChunksPlugin 拆分公共代码； 正确地使用 Web ...

为什么会发生产生跨域问题？ [ 产生跨域的原因 ] 1.浏览器限制 2.跨域(协议，域名，端口任何一个不同) 3.XHR(XMLHttpRequest)请求 也就是说当我们发送的是XMLHttpRequest请求不同的域名，浏览器就会限制访 ...